<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Trang chủ</title>
    
    <!--Thư viện hiệu ứng animate-->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css"/>
    <!--Thư viện icon font-awesome-->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link href="css/normalize.css"  rel="stylesheet" type="text/css"/>
    <!--Css dùng chung -->
	<link href="css/reset.css"  rel="stylesheet" type="text/css"/>
    <!--Css chính cho toàn trang -->
	<link href="css/style.css" rel="stylesheet" type="text/css" />
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
	
</head>
<body>
<section id="fb-root"></section>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=903153506380845&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<header class="itq-header">
	<section class="itq-wrapper">
    	<section class="top">
        	<figure>
            	<a href="#">
                	<img src="uploads/logo.png">
                </a>
            </figure>
            <section class="type-product">
            	
            </section>
            <section class="top-image">
            
            </section>
        </section><!--.top-->
        
        
    </section><!-- .itq-wrapper -->
    
  
</header><!-- .itq-header -->
<section class="clear"></section>
<nav class="itq-menu">
	<section class="itq-wrapper">
    	<ul class="main">
            	<li class="main">
                	<a href="#">Trang chủ </a>
                </li>
                <li class="main">
                	<a href="#">giới thiệu </a>
                </li>
                <li class="main">
                	
                	<a href="#">Sản phẩm  </a>
                    <ul class="item">
                    <section class="arrow"></section>
                    	<li class="item">
                        	<a href="#">
                            	Members card vip
                            </a>
                        </li>
                        <li class="item">
                        	<a href="#">
                            	Members card normal
                            </a>
                        </li >
                        <li class="item">
                        	<a href="#">
                            	Members vip
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="main">
                	<a href="#">Tin tức </a>
                </li>
                <li class="main">
                	<a href="#">Dịch vụ </a>
                </li>
                <li class="main">
                	<a href="#">Dự án</a>
                </li>
                <li class="main">
                	<a href="#">Liên hệ</a>
                </li>
            
            </ul>
            <section class="search-menu">
            	<form method="post" action="">
                	<input type="text" placeholder="Từ khoá tìm kiếm ...">
                    <input type="submit" value="">
                </form>
            </section>
    
    </section>  <!--.itq-wrapper-->      
</nav><!--.itq-menu-->  
<section class="clear"></section>


<section class="itq-feature">
	<section class="itq-wrapper">
    	<ul>
        	<li><a href="#">Xe đạp điện mới</a></li>
            <li><a href="#">XE ĐẠP ĐIỆN CŨ</a></li>
            <li><a href="#">BẢO HÀNH</a></li>
            <li><a href="#">Khuyến mãi</a></li>
            <li><a href="#">Chính sách</a></li>
            <li><a href="#">Mua bán</a></li>
        </ul>
    
    </section> <!--.itq-wrapper-->   
</section><!--.itq-feature-->
<section class="clear"></section>

<section class="itq-slider" >
	  <section class="itq-wrapper">
      	  <section class="search-product">
          	 <header>
             	<h3>Tìm xe</h3>
             </header>
             <section class="form-search">
             	<form method="post" action="#">
                	<section >
                    	<p>
                        	Hãng xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<p>
                        	Quãng đường đi khi pin đầy
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section class="pan6 tt" >
                    	<p>
                        	Tình trạng xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section class="pan6 mau" >
                    	<p>
                        	Màu xe
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<p>
                        	Khoảng giá
                        </p>
                        <select>
                        	<option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                            <option>Tất cả</option>
                        </select>
                    </section>
                    <section >
                    	<input type="submit" value="Tìm kiếm">
                    </section>
                </form>
             </section>
             
          </section><!-- .search-product -->
      </section><!-- .itq-wrapper -->
      <section id="slides">
          <ul class="slides-container">
              <li>
                  <img src="uploads/slide-1.jpg" alt="">
              </li>
              <li>
                  <img src="uploads/slide-1.jpg" alt="">
              </li>
          </ul>
          
      
          <!-- <nav class="slides-navigation">
            <a href="#" class="next"><img src="images/next.png"></a>
            <a href="#" class="prev"><img src="images/prev.png"></a>
          </nav> -->
      </section> <!-- .itq-slides -->

</section><!-- .itq-slider -->
<section class="clear"></section>



<section class="itq-adv">
    	<section class="carousel">
          <ul>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
              <li><a href="#"><img src="uploads/adv-1.png"></a></li>
              <li><a href="#"><img src="uploads/adv-2.png"></a></li>
              <li><a href="#"><img src="uploads/adv-3.png"></a></li>
          </ul>
    </section><!-- .carousel-->
</section><!-- .itq-adv -->
<section class="clear"></section>



<section class="itq-container">
	<section class="list-product">
    	<section class="itq-wrapper">
        	<header class="header-content">
				<nav class="nav-content">
					<ul class="ul-content">
						<li class="li-logo">
							<img src="uploads/cate-1.jpg"/>
						</li>
						<li class="li-topic"><a href="">xe mới</a></li>
						<li class="li-topic"><a href="">xe cũ</a></li> 
						<li class="li-topic"><a href="">tất cả</a></li> 
						<li class="li-topic"><a href="">khuyến mãi</a></li> 
					</ul>
				</nav>
			</header>
			<section class="inter-product">
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
			</section>
        </section><!-- .list-wrapper -->
    
    </section><!-- .list-product -->
	<section class="list-product">
    	<section class="itq-wrapper">
        	<header class="header-content">
				<nav class="nav-content">
					<ul class="ul-content">
						<li class="li-logo">
							<img src="uploads/cate-2.jpg"/>
						</li>
						<li class="li-topic"><a href="">xe mới</a></li>
						<li class="li-topic"><a href="">xe cũ</a></li> 
						<li class="li-topic"><a href="">tất cả</a></li> 
						<li class="li-topic"><a href="">khuyến mãi</a></li> 
					</ul>
				</nav>
			</header>
			<section class="inter-product">
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
			</section>
        </section><!-- .list-wrapper -->
    
    </section><!-- .list-product -->
	<section class="list-product">
    	<section class="itq-wrapper">
        	<header class="header-content">
				<nav class="nav-content">
					<ul class="ul-content">
						<li class="li-logo">
							<img src="uploads/cate-3.jpg"/>
						</li>
						<li class="li-topic"><a href="">xe mới</a></li>
						<li class="li-topic"><a href="">xe cũ</a></li> 
						<li class="li-topic"><a href="">tất cả</a></li> 
						<li class="li-topic"><a href="">khuyến mãi</a></li> 
					</ul>
				</nav>
			</header>
			<section class="inter-product">
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
			</section>
        </section><!-- .list-wrapper -->
    
    </section><!-- .list-product -->
	<section class="list-product">
    	<section class="itq-wrapper">
        	<header class="header-content">
				<nav class="nav-content">
					<ul class="ul-content">
						<li class="li-logo">
							<img src="uploads/cate-4.jpg"/>
						</li>
						<li class="li-topic"><a href="">xe mới</a></li>
						<li class="li-topic"><a href="">xe cũ</a></li> 
						<li class="li-topic"><a href="">tất cả</a></li> 
						<li class="li-topic"><a href="">khuyến mãi</a></li> 
					</ul>
				</nav>
			</header>
			<section class="inter-product">
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
			</section>
        </section><!-- .list-wrapper -->
    
    </section><!-- .list-product -->
	<section class="list-product">
    	<section class="itq-wrapper">
        	<header class="header-content">
				<nav class="nav-content">
					<ul class="ul-content">
						<li class="li-logo">
							<img src="uploads/cate-5.jpg"/>
						</li>
						<li class="li-topic"><a href="">xe mới</a></li>
						<li class="li-topic"><a href="">xe cũ</a></li> 
						<li class="li-topic"><a href="">tất cả</a></li> 
						<li class="li-topic"><a href="">khuyến mãi</a></li> 
					</ul>
				</nav>
			</header>
			<section class="inter-product">
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
			</section>
        </section><!-- .list-wrapper -->
    
    </section><!-- .list-product -->
	<section class="list-product">
    	<section class="itq-wrapper">
        	<header class="header-content">
				<nav class="nav-content">
					<ul class="ul-content">
						<li class="li-logo">
							<img src="uploads/cate-6.jpg"/>
						</li>
						<li class="li-topic"><a href="">xe mới</a></li>
						<li class="li-topic"><a href="">xe cũ</a></li> 
						<li class="li-topic"><a href="">tất cả</a></li> 
						<li class="li-topic"><a href="">khuyến mãi</a></li> 
					</ul>
				</nav>
			</header>
			<section class="inter-product">
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
				<figure class="one-product">
					<a href=""><img src="uploads/pro-1.jpg"/></a>
					<figcaption class="name-price">
						<p class="name">Tên xe <span class="haicham">:</span><span class="chuto">Giant M133i 120km</span></p>
						<p class="price">Giá <span class="haicham">:</span><span class="chuto">15.000.000 VND</span></p>
					</figcaption>
				</figure>
			</section>
        </section><!-- .list-wrapper -->
    
    </section><!-- .list-product -->
    
	<!-- Hai cái quảng cáo -->
	<figure class="avd-left"><img src="uploads/qc-left.jpg"/></figure>
	<figure class="avd-right"><img src="uploads/qc-right.jpg"/></figure>
		<script type='text/javascript'>
		$(document).ready(function(){
			$(window).scroll(function() {
			if ($(window).scrollTop() > 400) {
				$("figure.avd-left").css("position", "fixed");
				$("figure.avd-left").css("top", "250px");
				$("figure.avd-left").css("left", "0px");
				$("figure.avd-right").css("position", "fixed");
				$("figure.avd-right").css("top", "250px");
				$("figure.avd-right").css("right", "0px");
				$("figure.avd-right").css("display", "block");
				$("figure.avd-left").css("display", "block");
			}
			else {
				$("figure.avd-left").css("display", "none");
				$("figure.avd-right").css("display", "none");
			}
		});
		});
		</script>
	<!----------------->
        <section class="block-footer">
            <section class="itq-wrapper">
                <section class="category">
                	<ul>
                    	<li>
                        	<a href="#"><img src="uploads/cate-1.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-2.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-3.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-4.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-5.jpg"></a>
                        </li>
                        <li>
                        	<a href="#"><img src="uploads/cate-6.jpg"></a>
                        </li>
                    </ul>
                </section>
                <section class="news-hot">
                	<header>
                    	<h3>Tin tức nổi bật</h3>
                    </header>
                    <ul>
                    	<li>
                        	Tín hiệu tốt lành từ dịch vụ Ký Gửi Xe
                        </li>
                        <li>
                        	Khuyến mãi lớn nhân dịp Tết
                        </li>
                        <li>
                        	Giảm giá hãng xe Honda 15%
                        </li>
                        <li>
                        	Những mẫu xe đạp điện HOT tháng 10
                        </li>
                        <li>
                        	Xu hướng xe đạp điện hiện nay
                        </li>
                    </ul>
                
                </section>
                <section class="like-facebook">
					<section class="baofb">
						<img class="fbtren" src="images/bofb-tren.png"/>
						<img class="fbduoi" src="images/bofb-duoi.png"/>
							<section class="fb-like-box" 
								 data-href="https://www.facebook.com/FacebookDevelopers" 
								 data-width="230" data-height="230" 
								 data-colorscheme="light" 
								 data-show-faces="true" 
								 data-header="true" 
								 data-stream="false" 
								 data-show-border="true"
								 >
								 
							</section>
					</section>
                </section>
            </section><!-- .itq-wrapper -->
    
        </section><!-- .block-footert -->
</section><!-- .itq-container -->
<section class="clear"></section>



<footer class="itq-footer">
	<nav class="menu-footer">
    	<section class="itq-wrapper">
       		<ul>
        	<li><a href="#">Xe đạp điện mới</a></li>
            <li><a href="#">XE ĐẠP ĐIỆN CŨ</a></li>
            <li><a href="#">BẢO HÀNH</a></li>
            <li><a href="#">Khuyến mãi</a></li>
            <li><a href="#">Chính sách</a></li>
            <li><a href="#">Mua bán</a></li>
        </ul>
        </section>
    </nav><!-- .menu-footer -->
    <section class="info-footer">
        <section class="itq-wrapper">
        	<figure>
            	<a href="#">
                	<img src="uploads/logo.png">
                </a>
            </figure>
            <ul>
            	 
            	<li>
                	<h1>Xe đạp điện Hoàng Long</h1>
                </li>
                <li>
                	<p>Liên hệ trực tiếp : Anh Hùng  </p>
                </li>
                <li>
                	<p>Địa chỉ : Số 234B Thụy Khuê - Hà Nội</p>
                </li>
                 <li>
                	<p>Email : xedapdien@gmail.com </p>
                </li>
                 <li>
                	<p>Điện Thoại : 0986 131 037 - 0987 454 343. </p>
                </li>
            </ul>
            <section class="type-product">
            	
            </section>
        
        </section> <!-- .itq-wrapper -->
    </section><!-- .info-footer -->
    
    
     <section class="copyright-footer">
        <section class="itq-wrapper">
        	<p>
            	Copyright 2014 by : Royaldesign.vn Design & Developer by :  <a href="#">ITQ.VN</a>
            </p>
        </section> <!-- .itq-wrapper -->
    </section><!-- .copyright-footer -->
        
        
</footer><!-- .itq-footer -->
<section class="clear"></section>


<!--Thư viện jcarousellite -->
<script src="js/jcarousellite_1.0.1.min.js" type="text/javascript"></script>
<script src="js/jquery.jcarousellite.min.js"></script>
<!--Thư viện superslide -->
<script src="plugins/supperslide/jquery.easing.1.3.js"></script>
<script src="plugins/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="plugins/supperslide/hammer.min.js"></script>
<script src="plugins/supperslide/jquery.superslides.min.js"></script>
<script>
	$(document).ready(function(e) {
		//goi slide jcarousellite
        $(".carousel").jCarouselLite({
			  auto: 5000,
			  speed: 500,
			  visible: 10
		  });
		//goi slide supperslide
		$('#slides').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider'
		  });
    });
</script>
</body>
</html>